<div class="s-bill-info" style="position: relative">
  <%# 提单号 %>
  <span class="bill-code" title="<%= t 'activerecord.attributes.util.bl_no' %>:<%= bl.bl_no %>">&nbsp;&nbsp;&nbsp;<%= bl.bl_no %></span>
  <%# 提单状态 %>
  <span style="width:120px;margin-left: 20px; text-align:center;" title="<%= t 'activerecord.attributes.util.status' %>:<%= bl.status_enum.label %>">&nbsp;&nbsp;&nbsp;<%= bl.status_enum.label %></span>
  <%# 提单历史按钮%>
  <a href="###" class="inline-block show-bill-history-btn" onclick="show_history( <%= bl.id %>)" title="<%= t 'activerecord.attributes.util.bl_history_record' %>">
    <img src="/assets/map/history.png" style="vertical-align: middle;"/>
    <%= t 'activerecord.attributes.util.bl_history' %>
  </a>

  <%#  提单历史显示弹窗 %>
  <div class="bill-history-wrap" id="bl_history_<%= bl.id %>" style="display: none;position: absolute;right: 0;background:#ffc;border: 1px solid #ffc;border-top:0;width:300px;color: #000000;z-index:9999;">
    <a href="###" class="hide-bill-history-btn" onclick="close_win('bl_history_<%= bl.id %>')" style="position: absolute;right:5px;top:3px"><img src="/assets/map/close-s.png"/></a>

    <div id="bl_history_<%= bl.id %>_content">
    </div>
  </div>

</div>

<div style="border-left: 1px solid #fafafa;height:100%">
  <div class="base-info">
    <div class="base-row clearfix ">
      <%# 航次号 %>
      <span class="left inline-block ellipsis" style="width:100px;text-indent: 0px;float:left" title="<%= t 'activerecord.attributes.util.voyage' %>：<%= bl.voyage %>">
           <label><img src="/assets/shipper_maps/port.gif" style="margin-top: 5px"/></label>
          <span style="text-indent: 3px"><%= bl.voyage %></span>
        </span>
      <%# 航向 %>
      <span class=" inline-block" style="width:20px;float:left" title="<%= t 'activerecord.attributes.util.course' %>：(<%= bl.course %>)">
          <span>(<%= bl.course %>)</span>
        </span>
      <%# 港口 %>
      <span class=" inline-block ellipsis" style="width:70px;text-indent: 10px;float:left;text-align:right" title="<%= t 'activerecord.attributes.util.port' %>：<%= bl.port ? bl.port.name : bl.port_name %>">
            <% if bl.port %>
               <%= bl.port.name %>
            <% end %>
        </span>
      <%# 场站： %>
      <span class=" inline-block ellipsis" style="width:100px;text-indent: 10px;float:left;text-align: right" title="<%= t 'activerecord.attributes.util.cy' %>：<%= bl.cy ? bl.cy.name : bl.cy_name %>">
            <% if bl.cy %>
               <%= bl.cy.name %>
            <% end %>
        </span>
    </div>

    <%# 货代 %>
    <div class="base-row clearfix ellipsis" style="width:100%" title="<%= t 'activerecord.attributes.util.forward' %>：<%= bl.forward ? bl.forward.name : bl.forward_name %>">
        <span style="width:175px;float:left" class="inine-block">
            <label><img src="/assets/shipper_maps/huodai.gif" style="margin-top: 5px"/></label>
          <span class="inline-block" style="text-indent: 2px">
            <% if bl.forward %>
               <%= bl.forward.name %>
            <% end %>
          </span>
        </span>

        <span style="text-indent:0px;float:right" class="clearfix">
            <% if bl.bl_containers.size > 0 %>
              <span style="margin-left:2px;color:#FF8A00;float:left"><%= t 'activerecord.attributes.util.ctn_list' %><%= ctn_summary bl %> </span>
              <span style="float:left;text-indent: 0" class="toggle_btn" id="toggle_bl_<%= bl.bl_no %>">
                <a href="javaScript:void(0);"><img src="/assets/down-fh.png"   onclick="toggle_bl_containers('<%= bl.bl_no %>')" title=<%= t 'activerecord.attributes.util.open_up' %>>  </a>
              </span>
            <% else %>
               <span style="margin-left:2px;color:#FF8A00;float:left">无集装箱</span>
            <% end %>
        </span>

    </div>

  </div>
</div>